<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>收货地址</title>
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/adminaddress.css">
    <style type="text/css">
        .aui-list-item-inner.aui-swipe-handle {
            overflow-x: hidden;
            position: relative;
            z-index: 1;
            background-color: #ffffff;
        }
        .aui-swipe-btn {
            position: absolute;
            right: 0;
            top:0;
            z-index: 0;
            height: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .aui-swipe-btn .aui-btn {
            border-radius: 0;
            height: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;

        }
        .donghua {
            -webkit-transition-duration:300ms;
            transition-duration:300ms;
        }
        .ab{
            height: 4rem;
            border-bottom: 1px solid #d1d1d1;
        }
        .delete-address{
            background-color: rgb(255,130,53) !important;
        }
    </style>

</head>
<body style="background-color: #f0f0f0">
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">收货地址</div>
    <!--<a href="addaddress.html" class="right nojump">添加地址</a>-->
</header>
<nav>
    <ul id="address-list-box"></ul>
</nav>
<script type="text/x-handlebars-template" id="all-address-template">
    {{#each listData}}
    <li class="order-address order-address1 aui-list-item" data-id="{{id}}">
        <div class="aui-list-item-inner aui-swipe-handle ab">
            <div class="order-address-name ">
                <span>{{addressName}}</span>
                <span>{{addressPhone}}</span>
                {{#if (compare isMain '>' 0)}}
                <span class="default-address">默认地址</span>
                {{else}}
                <span></span>
                {{/if}}
            </div>
            <div class="order-address-detail">{{addressDetail}}</div>
        </div>
        <!--<div class="aui-swipe-btn">
            <div class="aui-btn aui-btn-danger delete-address">删除</div>
        </div>-->
    </li>
    {{/each}}
</script>
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="../js/handlebars-v4.0.10.js"></script>
<script src="../js/config.js"></script>
<script src="../js/function.js"></script>
<script src="../js/common.js"></script>
<script src="../js/api.2.0.js"></script>
<!--<script src="../js/aui-list-swipe.js"></script>-->
<script src="../js/change_address.js"></script>

</body>
</html>